﻿@page "/datagrid-column-resizing"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Column Resizing</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Enable column resizing by setting the AllowColumnResize property to true.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the <strong>Photo</strong> column has <code>MinWidth="100px"</code> and <code>MaxWidth="200px"</code> constraints to limit resizing, <code>ColumnResized</code> events log the new widths to the console, and vertical grid lines make column boundaries clearer.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridColumnResizing">
    <DataGridColumnResizing />
</RadzenExample>
